<!DOCTYPE html>
<html>
<head>
</head>
<body style="font:14px Consolas; margin:0;">
<div>border-collapse:separate;</div>
<table id="table1" cellspacing="10" cellpadding="10" style="width:200px; background:bisque; border-collapse:separate; border-right:5px solid black;">
	<tr>
		<td style="border:10px solid gray; width:50px;">
			<div style="background:maroon; color:white;">A</div>
		</td>
		<td style="border:10px solid gray;">
			<div style="background:maroon; color:white;">B</div>
		</td>
	</tr>
</table>
<br />
<div>border-collapse:collapse;</div>
<table id="table2" cellspacing="0" cellpadding="10" style="width:200px; background:bisque; border-collapse:collapse; border-right:5px solid black;">
	<tr>
		<td style="border:10px solid gray; width:50px;">
			<div style="background:maroon; color:white;">A</div>
		</td>
		<td style="border:10px solid gray; border-right:20px solid black;">
			<div style="background:maroon; color:white;">B</div>
		</td>
	</tr>
	<tr>
		<td style="border:10px solid gray; width:50px;">
			<div style="background:maroon; color:white;">A</div>
		</td>
		<td style="border:10px solid gray; border-right:50px solid black;">
			<div style="background:maroon; color:white;">B</div>
		</td>
	</tr>
</table>
</body>
</html>